@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ display:block; max-width:100%;}
	.picture img{ display:inline-block; max-width:100%;}
	
	/*头部样式*/
	.max{ max-width:1200px;}
	header.head_line{ float:left; width:100%; overflow:hidden;}
	.head_line{overflow:hidden; padding:12.5px 0px; background:#f7f7f7;}
	.head_line .max *{ float:left; font-size:14px; color:#999;}
	.head_line .text{ float:right;}
	.head_line .text a::after{content:"|"; padding:0px 5px;}
	.head_line .text a:last-child::after{ display:none;}
	
	header.header{overflow:hidden; width:100%; padding:22px 0px;}
	.header .logo{ float:left; max-width:45%; width:100%;}
	.header .logo img{ display:block; float:left;}
	.header .tel{ margin-right:0px;}
	.header .tel .title{ font-size:14px; color:#333; background:url(../images/01.png) no-repeat left center; padding-left:30px;}
	.header .tel span p{ text-align:left; font-family:"Impact";font-size:30px; letter-spacing:3px; margin-left:125px; color:#e4791f;}

	/*导航样式*/
	nav{max-width:54%; width:100%; float:right;}
	.nav{overflow:hidden; float:left; width:100%;}
	.nav li{ position:relative; max-width:calc(100% / 6); width:100%; float:left; text-align:center; text-align:center; padding-top:16px;}
	.nav li a{ font-size:16px; color:#333; float:left; text-align:center; overflow:hidden; position:relative; padding-bottom:19px;}
	.nav li a::after{ content:""; position:absolute; width:100%; height:2px; bottom:0px; background:#ed1424; display:block; overflow:hidden; transform:translateX(100%); transition:all linear 0.25s;animation:nav linear 0.25s forwards;}
	.nav li:hover a::after{animation:nat linear 0.25s forwards; transform:translateX(0%);}
	#nav_select  a::after{animation:nat linear 0.25s forwards; transform:translateX(0%);}
	
	#dh{ display:none; float:right; width:20%;}
	.dh{text-align:center;max-width:64px; background:none; font-size:36px; max-height:64px; width:100%; height:150px;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:600px;}
	.banner ul{ position:absolute; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.banner:hover ol{ opacity:1;}
	.banner ol{opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s; text-align:center;}
	.banner ol li{ margin:0 5px; cursor:pointer; border-radius:100%; height:5px; width:5px; display:inline-block; border:2px solid rgba(237,20,36,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:600px; width:100%; object-fit:cover;}
	
	.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
	.lef_rig span{ opacity:0.5; cursor:pointer;top:calc(50% - 50px); position:absolute;  z-index:2; font-size:50px;text-align:center; color:rgba(237,20,36,1.00);}
	.lef_rig span:first-child{ transform:rotate(180deg);left:1%; }
	.lef_rig span:nth-child(2){right:1%;}
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	.banner:hover .lef_rig{ opacity:1;}
	#dot{ background:rgba(237,20,36,1.00); border:2px solid rgba(237,20,36,1.00); opacity:1;}
	
	.often{ overflow:hidden; display:block;}
	.often .title{ font-size:36px; float:left; overflow:hidden; color:#2d2d2d;}
	.often .title::after{ height:36px; background:#ed1424; width:2px; float:right; overflow:hidden; content:""; margin-top:8px; margin-left:5px;}
	.often .text{ font-size:48px; font-weight:bold; color:#ececec; float:left; width:100%; overflow:hidden; height:40px; line-height:40px;}
	
	.pro_title{ text-align:center; overflow:hidden; padding:55px 0px 40px 0px}
	.pro_title .title{ color:#565455; font-size:36px; color:#000; display:block;width:100%; overflow:hidden; text-align:center;}
	.pro_title .title::after{ content:""; display:block; margin:5px auto 0px auto; width:80px; height:2px; background:#ed1424;}
	.pro_title .text{ color:#888; font-size:24px; color:#b3b3b3; margin-top:2px; display:block; width:100%; overflow:hidden; text-align:center;}
	
	.hotshare{display:block; overflow:hidden; width:100%; background:#ed1424; padding:17px 0px;}
	.hotshare .title{float:left; max-width:100px; width:100%; font-size:20px; color:#fff;}
	.hotshare .content{float:left; max-width:calc(100% - 100px); width:100%; overflow:hidden;}
	.hotshare .content a{font-size:16px; color:#fff; float:left; margin:0px 5px; line-height:26px;}
	
	section.products{ overflow:hidden; display:block; width:100%; background:url(../images/pr_01.jpg) no-repeat center top; background-size:cover; padding-bottom:74px;}
	.products .column{ display:flex; justify-content:center;}
	.products .column a{ float:left; max-width:180px; width:100%; border:1px solid #999; text-align:center; padding:11px 0px; margin:0px 8px; cursor:pointer; font-size:18px; color:#333;}
	.products .column a:hover{ border-color:#ed1424; color:#ed1424;}
	.products ul{ display:block;width:100%; margin-top:18px;}
	.products ul li{ float:left; max-width:calc(25% - 19.5px); width:100%; position:relative; margin:24px 24px 0px 0px;}
	.products ul li:nth-of-type(4n){margin-right:0px;}
	.products ul li .title{ position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.4); width:100%; height:100%; font-size:18px; color:#fff; display:flex; align-items:center; padding:0px 2%; box-sizing:border-box; opacity:0; transition:all linear 0.25s;}
	.products ul li .title span{ font-size:18px; color:#fff; border:3px solid #fff; padding:10px 12%; box-sizing:border-box; text-align:center; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.products ul li .picture img{ float:left; height:270px; width:100%; object-fit:cover;}
	.products ul li:hover .title{ opacity:1;}

	section.advantage{ margin-top:73px; display:block; overflow:hidden;}
	.advan_l{ float:left; max-width:410px; width:100%; overflow:hidden;}
	.advan_l img{ float:left;}
	.advan_r{ float:right; max-width:calc(100% - 465px); width:100%; overflow:hidden;}
	
	.advan_title{ float:left; width:100%; overflow:hidden;}
	.advan_title .title{ font-size:36px; color:#000; float:left; width:100%; overflow:hidden; color:#2d2d2d; margin-top:10px;}
	.advan_title .text{height:40px; line-height:40px; font-size:48px; font-weight:bold; color:#ececec; float:left; width:100%; overflow:hidden;}
	.advan_title .text::before{height:40px; background:#ed1424; width:2px; float:left; overflow:hidden; content:""; margin-right:5px;}
	
	.advan_r .column{ float:left;width:100%; margin-top:50px;}
	.advan_r .column span{ float:left; max-width:calc(25% - 15px); margin-right:20px; width:100%; text-align:center; overflow:hidden; background:#efefef; font-size:24px; font-weight:bold; color:#2d2d2d; padding:7px 0px;}
	.advan_r .column span:last-child{ margin-right:0px;}
	.advan_r .advan_rb{ float:left; width:100%; overflow:hidden; margin-top:50px; position:relative; height:116px;}
	.advan_r .advan_rb li{ float:left; width:100%; overflow:hidden; position:absolute; left:0px; top:0px; background:#fff;opacity:0; transition:all linear 0.5s; transform:translateX(40px);}
	.advan_r .advan_rb .number{ float:left; font-size:30px; color:#2d2d2d; max-width:120px; width:100%;}
	.advan_r .advan_rb .number::before{ content:""; float:right; width:66px; height:2px; background:#2d2d2d; margin-top:20px;}
	.advan_r .advan_rb .content{ float:right; max-width:calc(100% - 135px); width:100%; font-size:18px; color:#1b1a1a; overflow:hidden;}
	.advan_r .advan_rb .content .title{ float:left; width:100%;font-weight:bold; padding:8px 0px;}
	.advan_r .advan_rb .content .text{ float:left; width:100%;line-height:38px;}
	.advan_r .switch{ float:left; width:100%; font-size:30px; color:#999; padding-left:125px; margin-top:16px;}
	.advan_r .switch span{font-family:"仿宋"; font-weight:bold; width:35px; float:left; text-align:center; cursor:pointer;}
	.advan_r .switch span:hover{color:#101010;}
	#det{ opacity:1; transform:translateX(0px);}
	#advan{color:#fff; background:#ed1424;}

	section.case{ margin-top:88px; display:block; width:100%; overflow:hidden;}
	.case_b{ width:100%; overflow:hidden; display:block; margin-top:44px; max-width:1350px; position:relative;}
	.case_b .max{ overflow:hidden; display:block;}
	.case_b ul{ float:left; width:9999px; overflow:hidden; position:relative; height:270px;}
	.case_b li{ width:281px; float:left; margin-right:24px; position:absolute;}
	.case_b li div{ width:100%; overflow:hidden; float:left; position:relative;}
	.case_b li .picture{ float:left; width:100%; overflow:hidden;}
	.case_b li .picture img{ float:left; width:100%; height:270px;}
	.case_b li .title{ position:absolute; top:-100%; left:0px; background:rgba(0,0,0,0.7); width:100%; height:100%; font-size:18px; color:#fff; display:flex; align-items:center; justify-content:center; white-space:pre; text-overflow:ellipsis; overflow:hidden; transition:all linear 0.25s;}
	.case_b li .title span{ display:inline-block;border:1px solid #fff; padding:7px 4.5%;}
	.case_b li:hover .title{ top:0px;}
	
	.case_b .switch span{ position:absolute; top:0px; bottom:0px; margin:auto; background:#f3f3f3; width:46px; height:165px; line-height:165px; overflow:hidden; color:#fff; font-size:100px; font-family:"仿宋"; text-align:center; cursor:pointer;}
	.case_b .switch span:nth-of-type(1){ left:0px;}
	.case_b .switch span:nth-of-type(2){ right:0px;}
	.case_b .switch span:hover{ background:#101010;}

	section.poster{ background:url(../images/po_01.jpg) no-repeat top center; background-size:cover; display:block; width:100%; overflow:hidden; padding:50px 0px 92px 0px; margin-top:122px;}
	.poster li{ display:flex; align-items:center; float:left; max-width:20%; width:100%; padding-left:2%; box-sizing:border-box;}
	.poster li .picture{ background:#fff; float:left; width:50px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:100%; border:2px solid #e70506; box-sizing:border-box; margin:0px; transition:all linear 0.25s;}
	.poster li .content{ float:left; margin-left:13px;}
	.poster li .content p{ float:left; color:#fff; width:100%;}
	.poster li .content .title{font-size:18px;}
	.poster li .content .text{font-size:12px;}
	.poster li:hover .picture{ transform:scale(1.1) rotateY(180deg);}
	
	section.about{ background:#f3f3f3; float:left; width:100%; padding-bottom:70px;}
	.about_b{ background:#fff; display:block; overflow:hidden; width:100%; padding:50px 3% 50px 2%; box-sizing:border-box; margin-top:-50px;} 
	.about_b .about_l{ float:left; max-width:48.5%; width:100%; position:relative; background:url(../images/ab_01.png) no-repeat bottom left; overflow:hidden; padding:0px 0px 10px 10px;}
	.about_b .about_l img{ float:left; width:100%; height:404px; object-fit:cover;}
	.about_b .about_r{ float:right; max-width:48.5%; width:100%;}
	.about_b .about_r .often{ display:flex; align-items:center;}
	.about_b .about_r .often .title{margin:0px; font-size:24px; font-weight:bold;}
	.about_b .about_r .often .title::after{ height:28px; margin-top:3px;}
	.about_b .about_r .often .text{ font-size:30px; font-weight:bold; color:#ececec; width:auto; margin:0px 0px 0px 8px; height:auto; line-height:normal;}
	.about_b .about_r .content{ float:left; width:100%; font-size:18px; line-height:36px; color:#141414; text-indent:36px; margin-top:10px;}
	.about_b .about_r .more{ float:left; font-size:18px; color:#fff; background:#ed1424; width:140px; text-align:center; padding:6px 0px; margin-top:30px; transition:all linear 0.25s;}
	.about_b .about_r .more:hover{ border-top-right-radius:15px; border-bottom-left-radius:15px;}

	section.news{ overflow:hidden; float:left; display:block; width:100%; background:url(../images/ne_01.jpg) no-repeat center; background-size:cover; padding-bottom:70px; margin-top:50px;}
	.news .often{ display:flex; align-items:center; border-bottom:3px solid #ececec; padding-bottom:18px;}
	.news .often .title{margin:0px; font-size:36px; font-weight:bold;}
	.news .often .title::after{ height:36px;}
	.news .often .text{ font-size:36px; font-weight:bold; color:#ececec; width:auto; margin:0px 0px 0px 8px; height:auto; line-height:normal;}
	.news .news_b{ display:block; margin-top:5px; overflow:hidden; width:100%;}
	.news_b .news_l{ float:left; max-width:53%; width:100%; overflow:hidden;}
	.news_b .news_l li{ float:left; padding:32px 0px; width:100%; overflow:hidden; border-bottom:2px dotted #e2e2e2;}
	.news_b .news_l li .time{ float:left; max-width:120px; width:100%; overflow:hidden; background:#f2f2f2; text-align:center; padding:25px 0px; transition:all linear 0.25s;}
	.news_b .news_l li .time .date{ font-size:36px; float:left; width:100%; color:#5c5c5c;transition:all linear 0.25s;}
	.news_b .news_l li .time .year{ font-size:18px; color:#5c5c5c; float:left; width:100%;transition:all linear 0.25s;}
	.news_b .news_l li .content{ float:right; max-width:calc(100% - 150px); width:100%; overflow:hidden;}
	.news_b .news_l li .content .title{ float:left; width:100%; overflow:hidden; white-space:pre; text-overflow:ellipsis; font-size:18px; color:#333; font-weight:bold; margin-top:16px; transition:all linear 0.25s;}
	.news_b .news_l li .content .text{ float:left; font-size:14px; line-height:24px; color:#666; max-height:48px; height:48px; overflow:hidden; margin-top:12px;}
	.news_b .news_r{ float:right; max-width:38%; width:100%;}
	.news_b .news_r li{ float:left; width:100%; position:relative; margin-top:45px;}
	.news_b .news_r li .picture{width:100%; float:left; height:215px; overflow:hidden;}
	.news_b .news_r li .picture img{width:100%; float:left; height:215px; overflow:hidden; object-fit:cover; transition:all linear 0.25s;}
	.news_b .news_r li .title{ position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.6); width:100%; overflow:hidden; font-size:18px; color:#fff; text-align:center; padding:8px 0px;}
	.news_b .news_r li:hover .picture img{ transform:scale(1.1);}
	.news_b .news_l li:hover .time{background:#ed1424;}
	.news_b .news_l li:hover .time .date{ color:#fff;}
	.news_b .news_l li:hover .time .year{ color:#fff;}
	.news_b .news_l li:hover .content .title{ text-indent:14px; color:#ed1424;}

	section.url{ float:left; width:100%; padding:12px 0px; display:block; overflow:hidden; background:#ececec;}
	.url .content a{ font-size:14px; color:#333; margin-right:1%; line-height:24px; float:left;}
	.url .title{ float:left; max-width:120px; width:100%;}
	.url .title .intro{ font-size:14px; color:#666; float:right; margin-top:5px;}
	.url .title .text{ font-size:18px; font-weight:bold; color:#ed1424; float:left;}
	.url .content{float:right; max-width:calc(100% - 150px); width:100%; height:24px; overflow:hidden; padding-top:2px;}
	
	footer.footer{ background:#1d1d1d; background-size:cover; float:left; width:100%; overflow:hidden; padding:42px 0px 30px 0px;}
	.foot_b{ display:flex; align-items:center; justify-content:space-between;}
	.foot_l{ float:left; max-width:925px; width:100%; margin-left:0px;}
	.foot_l .contact{ float:left; width:100%; border-bottom:1px solid #323232;}
	.foot_l .contact div{ float:left; color:#9d9c9c; max-width:calc((100% - 1px) / 3); width:100%;}
	.foot_l .contact .picture{ float:left; width:60px; height:60px; line-height:56px; text-align:center; border:2px solid #9d9c9c; border-radius:100%; font-size:26px; box-sizing:border-box;}
	.foot_l .content{ float:right; max-width:calc(100% - 70px); width:100%;line-height:26px; color:#9d9c9c; font-size:14px; padding-bottom:10px;}
	
	.foot_l .series{ color:#9d9c9c; font-size:14px; float:left; width:100%; margin-top:30px;}
	.foot_l .copy{ color:#6a6a6a; font-size:14px; float:left; width:100%; margin-top:24px;}
	.foot_l .copy *{ color:#6a6a6a;}
	.footer .code{ float:right; max-width:200px; width:100%; border:1px solid #323232; padding:7px; box-sizing:border-box; margin-right:0px;}
	.footer .code .picture{ text-align:center;}
	.footer .code .picture img{max-width:164px; width:100%; display:block; margin:0 auto;}
	.footer .code .title{ text-align:center; font-size:14px; color:#9d9c9c; margin-top:6px;}
	
	
	
	/*新闻页面*/
	.phone_banner .banner,.phone_banner .banner li img{ height:500px;}
	.page_address{ border-bottom:1px solid #eee; overflow:hidden; display:block; width:100%; padding:15px 0px;}
	.page_address .max{overflow:hidden; display:block; width:100%;}
	.page_address .address{ font-size:14px; color:#666; max-width:50%; width:100%; float:left; display:flex; align-items:center;}
	.page_address .address span{ float:left; margin-right:10px;}
	.page_address .address *{color:#666; margin:0px;}
	.page_address .page_column{ float:right; font-size:14px; color:#333; max-width:50%; display:flex; justify-content:flex-end; flex-wrap:wrap;}
	.page_address .page_column a{ float:left; font-size:14px; color:#333; margin:0px 19px; border-bottom:3px solid transparent;pointer-events:auto}
	.page_address .page_column a:hover{border-color:rgba(195,53,49,1);}
	#fl_select{border-color:rgba(195,53,49,1);}
	
	section.page_column{ padding:50px 0px 20px 0px; background:rgba(240,240,240,0.30);}
	.page_column{text-align:center; display:block; width:100%; overflow:hidden; background:url(../images/head.jpg) no-repeat center;}
	.page_column .often .title{ max-width:100%; text-align:center; float:left; width:100%;}
	.page_column .often .title::after{ display:none;}
	.page_column .title{ letter-spacing:5px; min-width:200px; color:#383838; font-size:28px; font-weight:bold; display:block;}
	
	.list{ display:block; width:100%; background:rgba(240,240,240,0.4); overflow:hidden; padding-bottom:40px;}
	.list .max{ display:block; width:100%; background:#fff; overflow:hidden; padding:0px 2%; margin-top:40px; box-sizing:border-box;}
	.list .page_news{ margin-top:50px; float:left; width:100%;}
	.list .page_news li{ float:left; max-width:calc(100% / 3 - 16px); width:100%; overflow:hidden; box-sizing:border-box; margin-right:24px; margin-bottom:25px;}
	.list .page_news li:nth-of-type(3n){ margin-right:0px;}
	.list .page_news li .picture{ float:left; width:100%; box-sizing:border-box; position:relative; overflow:hidden;}
	.list .page_news li .picture img{width:100%; height:230px; object-fit:cover; float:left; transition:all linear 0.20s;}
	.list .page_news li .content{ border:1px solid #ddd; box-sizing:border-box; padding:15px 5%; float:left; width:100%; overflow:hidden;}
	.list .page_news li .title{ float:left; font-size:16px; color:#666; width:100%; font-weight:bold; margin-bottom:10px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.list .page_news li .text{ float:left; font-size:14px; line-height:24px; color:#808080; width:100%; max-height:72px; height:72px; overflow:hidden;}
	.list .page_news li:hover .content *{ color:#fff;}
	.list .page_news li:hover .picture img{ transform:scale(1.1)}
	.list .page_news li:hover .content{ background:#ed1424;}
	
	.list .page_pro{ float:left; margin-top:40px; width:100%; overflow:hidden;}
	.list .page_pro li{ float:left; max-width:calc(100% / 3 - 16px); margin-right:24px;  margin-bottom:20px;}
	.list .page_pro li:nth-of-type(3n){margin-right:0px;}
	.list .page_pro li .picture{ float:left; width:100%; overflow:hidden; position:relative;}
	.list .page_pro li .picture img{ width:100%; display:block; height:320px; object-fit:cover; transition:all linear 0.25s;}
	.list .page_pro li .picture .price{ position:absolute; bottom:20px; left:0px; background:#ed1424; color:#fff; padding:10px;}
	.list .page_pro li .picture .price font{ font-size:12px; margin-left:5px; letter-spacing:1px;}
	.list .page_pro li .title{ float:left; width:100%; overflow:hidden; color:#333; font-size:16px; padding-top:10px; box-sizing:border-box; transition: all linear 0.25s; white-space:pre; text-overflow:ellipsis; text-align:center;}
	.list .page_pro li:hover .title{ color:#ed1424;}
	.list .page_pro li:hover .picture img{ transform:scale(1.1)}


	.list .page_case{ float:left; margin-top:40px; width:100%; overflow:hidden;}
	.list .page_case li{ float:left; max-width:calc(25% - 18px); margin-right:24px;  margin-bottom:20px; position:relative; overflow:hidden;}
	.list .page_case li:nth-of-type(4n){margin-right:0px;}
	.list .page_case li .picture{ float:left; width:100%; overflow:hidden;}
	.list .page_case li .picture img{ width:100%; display:block; height:220px; object-fit:cover; transition:all linear 0.25s;}
	.list .page_case li .title{ position:absolute; bottom:-100%; left:0px; width:100%; float:left; width:100%; background:rgba(237,20,36,0.50); color:#fff; text-align:center; white-space:pre; text-overflow:ellipsis; overflow:hiddend; padding:10px 2%; box-sizing:border-box; transition:all linear 0.25s;}
	.list .page_case li:hover .title{ bottom:0px;}
	.list .page_case li:hover .picture img{ transform:scale(1.1)}


	
	
	.page_list{ overflow:hidden; text-align:center; float:left; width:100%; margin:35px auto 40px auto;}
	.page_list *{ font-size:14px; color:#666;}
	.page_list a:hover{color:#ed1424;}
	
	.page{ display:block; overflow:hidden; width:100%; padding-bottom:30px; box-sizing:border-box;background-color:rgba(240,240,240,0.30);}
	.page .max{background:rgba(255,255,255,0.68); overflow:hidden; padding:0px 2% 40px 2%; box-sizing:border-box; margin-top:30px;}
	.page.pageText .title{ font-size:26px; text-align:center; margin-top:20px;}
	.page.pageText time{ font-size:12px; color:#999; float:left; width:100%; text-align:center; margin-top:30px;}
	.page.pageText time span{ margin:0px 10px;}
	.page.pageText .picture{ width:100%; text-align:center; margin-top:30px; float:left;}
	.page.pageText .picture img{ margin:0px auto; max-height:500px;}
	.page.pageText .content{ margin-top:40px; display:block; width:100%; padding:40px 2%; box-sizing:border-box;}
	.page .page_next{ border-top:1px solid #dcdcdc; overflow:hidden; padding:10px 0px; box-sizing:border-box; float:left; width:100%; margin-top:40px;}
	.page.pageText .content p{ line-height:34px;}
	.page .page_next p{ font-size:14px; color:#333; margin-top:10px;}
	.page .page_next a{ font-size:14px; color:#666;}
	.page .page_next a:hover{color:#ed1424;}

	
	.page_message{ max-width:800px; padding-bottom:80px; display:block; overflow:hidden; margin-top:50px;}
	.page_message .text{ font-size:14px; color:#666; line-height:35px;}
	.page_message form{ float:left; width:100%; overflow:hidden; margin-top:20px;}
	.page_message form .line{ float:left; width:100%; overflow:hidden; margin-top:20px;}
	.page_message form .line:nth-of-type(1){ max-width:48%;}
	.page_message form .line:nth-of-type(2){ max-width:48%; float:right;}
	.page_message form .line:nth-of-type(3) .title{ max-width:100%; width:100%; margin:10px 0px 5px 0px;}
	.page_message form .line:nth-of-type(4){ margin-top:40px;}
	.page_message form .line .title{ font-size:16px; color:#333; letter-spacing:3px; float:left; max-width:80px; line-height:35px;}
	.page_message form .line input[type=text]{ float:left; max-width:calc(100% - 80px); width:100%; box-sizing:border-box; outline:none; border-radius:2px; border:1px #ccc solid; padding:8px 2%;}
	.page_message form .line textarea{ float:left; width:100%; box-sizing:border-box; outline:none; border-radius:2px; border:1px #ccc solid; padding:8px 2%; resize:none; height:200px;}
	.page_message form .line input[type=submit]{ display:block; background:#c33531; border:0px; padding:0px; color:#fff; font-size:14px; width:160px; line-height:40px; cursor:pointer;}

	/*返回顶部*/
	.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(237,20,36,0.50); right:1%; font-size:60px; display:none;}
	.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(237,20,36,1.00);}
	.top:hover::before{color:rgba(255,255,255,1);}
	
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc; z-index:999;}
	.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
	.sj_footer span{ width:100%; float:left; color:#333; font-family:"微软雅黑";}
	.sj_footer img{ max-width:20%; margin:0px auto; display:inline-block}

	@font-face{
		font-family:'仿宋';
		src:url(../font/simfang.ttf);
	}
	
@keyframes nav{
	0%{ transform:translateX(0%);}
	100%{ transform:translateX(100%);}
}
@keyframes nat{
	0%{ transform:translateX(-100%);}
	100%{ transform:translateX(0%);}
}
	
	
	
*::selection {
    background-color:#ed1424;
    color:#fff;
}
 
*::-moz-selection {
    background-color:#ed1424;
    color:#fff;
}
 
*::-webkit-selection {
    background-color:#ed1424;
    color:#fff;
}